<!--  -->
<template>
  <div>
    <ul class="clearfix">
      <li>
        <router-link to="/lx">练习</router-link>
      </li>
    </ul>
    <ul class="clearfix">
      <li>
        <router-link to="/sanDianLin">3.0</router-link>
      </li>
    </ul>
    <ul class="clearfix">
      <li>
        <router-link to="/sanDianEr">3.2</router-link>
      </li>
    </ul>
  </div>
</template>

<script>
import { reactive, ref, toRefs } from "vue";
export default {
  name: "Test",
  setup() {
    const state = reactive({
      count: 0,
    });
    const num = ref(0);

    return {
      ...toRefs(state),
      num,
    };
  },
};
</script>
<style scoped lang ='less'>
ul {
  margin-top: 30px;
}
ul li {
  float: left;
  margin: 4px 10px;
  list-style: none;
}
a {
  color: #000;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
</style>